
import { commonProps } from "../../libs/config";
import { checkNumberRange } from '../../libs/utils'



export const avatarProps = {
	
		...commonProps,
		// 头像图片路径(不能为相对路径)
		src: {
			type: String
		},
		// 头像形状，circle-圆形，square-方形
		shape: {
			type: String
		},
		// 头像尺寸
		size: {
			type: [String, Number]
		},
		// 裁剪模式
		mode: {
			type: String
		},
		// 显示的文字
		text: {
			type: String
		},
		// 背景色
		bgColor: {
			type: String
		},
		// 文字颜色
		color: {
			type: String
		},
		// 文字大小
		fontSize: {
			type: [String, Number]
		},
		// 显示的图标
		icon: {
			type: String
		},
		// 显示小程序头像，只对百度，微信，QQ小程序有效
		mpAvatar: {
			type: Boolean,
			default:null
		},
		// 是否使用随机背景色
		randomBgColor: {
			type: Boolean,
			default:null
		},
		// 加载失败的默认头像(组件有内置默认图片)
		defaultUrl: {
			type: String
		},
		// 如果配置了randomBgColor为true，且配置了此值，则从默认的背景色数组中取出对应索引的颜色值，取值0-19之间
		colorIndex: {
			type: [String, Number],
			// 校验参数规则，索引在0-19之间
			validator(n: string | number) {
				return checkNumberRange(n, [0, 19])
			}
		},
		// 组件标识符
		name: {
			type: String
		}
	
	
}

export const avatarEmits = {
	click: (name: string) => true,
};